<include file="Common:header" />
<div class="row" style="margin-right:0;">
	<div class="col-lg-1"></div>
	<div class="col-lg-10">
		<div data-spy="" data-offset-top="1" style="background-color:#ffffff;">
			<ol class="breadcrumb">
				<li class="active">ISP Registration</li>
				<li class="active">Update</li>
			</ol>
			<legend></legend>
		</div>
		<table class="table table-hover table-bordered">
			<thead data-spy="" data-offset-top="2" style="background-color:#ffffff;border-bottom:1px solid #ff0;">
				<tr>
					<th id="h_aid"></th>
					<th id="h_name">Name</th>
					<th id="h_status">Status</th>
					<th id="h_remark">Remark</th>
					<th id="h_operation" style="text-align:center;"><a style="font-size: 30px; color: #000;" href="javascript:void(0)"><span class="glyphicon glyphicon-asterisk" title="Operation"></span></a></th>
				</tr>
			</thead>
			<tbody>
				<foreach name="rawGroups" key="key" item="rawGroup">
					<tr id="groupid_{$rawGroup.aid}">
						<td class="aid" id="aid_{$rawGroup.aid}">{$key+1}</td>
						<td class="name" id="name_{$rawGroup.aid}">{$rawGroup.name}</td>
						<td class="status" id="status_{$rawGroup.aid}"><input type="checkbox" class="group_status" value="{$rawGroup.status}" id="group_status_{$rawGroup.aid}" data-groupid="{$rawGroup.aid}" checked /></td>
						<td class="remark" id="remark_{$rawGroup.aid}">{$rawGroup.remark}</td>
						<td style="text-align:center;">
							<a id="groupeditbtn_{$rawGroup.aid}" data-groupid="{$rawGroup.aid}" class="groupeditbtn" style="font-size: 30px; color: #000;" href="javascript:void(0)"><span class="glyphicon glyphicon-edit" title="Edit"></span></a>
							<a id="changepwdbtn_{$rawGroup.aid}" data-groupid="{$rawGroup.aid}" class="changepwdbtn" style="font-size: 30px; color: #000;" href="javascript:void(0)"><span class="glyphicon glyphicon-retweet" title="Change Password"></span></a>
							<a id="groupdeletebtn_{$rawGroup.aid}" class="groupdeletebtn" data-groupid="{$rawGroup.aid}" style="font-size: 30px; color: #000;" href="javascript:void(0)"><span class="glyphicon glyphicon-remove" title="Trash"></span></a>
							<a id="groupsavebtn_{$rawGroup.aid}" data-groupid="{$rawGroup.aid}" class="groupsavebtn hide" style="font-size: 30px; color: #000;" href="javascript:void(0)"><span class="glyphicon glyphicon-check" title="Save"></span></a>
							<a id="groupcancelbtn_{$rawGroup.aid}" data-groupid="{$rawGroup.aid}" class="groupcancelbtn hide" style="font-size: 30px; color: #000;" href="javascript:void(0)"><span class="glyphicon glyphicon-share" title="Cancel"></span></a>
						</td>
					</tr>
				</foreach>
				<tr id="groupend" style="background-color:#DDD;">
					<td></td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
				</tr>
				<form action="{:U('Group/doadd')}" method="POST">
				<tr id="add_new_group">
					<td>Auto</td>
					<td><input class="form-control" type="text" style="width:80px;" id="name_new" name="name" placeholder="Name" /></td>
					<td><input class="form-control" type="checkbox" class="col-lg-12" value="1" id="status_new" checked /></td>
					<td><input class="form-control" type="text" class="col-lg-12" id="remark_new" name="remark" placeholder="Remark" /></td>
					<td>
						<input type="submit" /><a class="groupaddbtn" style="font-size: 30px; color: #000;" href="javascript:void(0)"><span class="glyphicon glyphicon-plus" title="Save"></span></a>
					</td>
				</tr>
				</form>
			</tbody>
		</table>
	</div>
	<div class="col-lg-1"></div>
</div>
<div id="resetPwdPop" class="white_content" style="display: none; position: absolute; background-color:#fff; left: 40%; width: 20%; border: 5px solid #D6E9F1; z-index:1002;">
	<div style="text-align:center;">
		<form action="" class="form-horizontal"  role="form">
            <fieldset>
                <legend>Reset Password</legend>
                <div class="form-group">
                	<label for="resetPopEmail" class="col-sm-1 control-label"></label>
                    <div class="col-sm-10">
                        <input type="email" class="form-control" id="resetPopEmail" name="resetPopEmail" placeholder="Enter email" readonly />
                    </div>
                </div>
                <div class="form-group">
                	<label for="resetPopEmail" class="col-sm-1 control-label"></label>
                    <div class="col-sm-10">
                        <input type="text" class="form-control" id="resetPopPwd" name="resetPopPwd" placeholder="Input a new password" required />
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-offset-3 col-sm-6">
                        <a id="resetPopSave" data-groupid="" style="font-size: 30px; color: #000;" href="javascript:void(0)"><span class="glyphicon glyphicon-ok" title="Save"></span></a>
                        <a id="resetPopCancel" class="resetPwdPopClose col-sm-offset-4" style="font-size: 30px; color: #000;" href="javascript:void(0)" ><span class="glyphicon glyphicon-remove" title="Cancel"></span></a>
                    </div>
                </div>
            </fieldset>
        </form>
	</div>
</div>
<div id="overlay" class="black_overlay" style="display: none;position: fixed;top: 0%;left: 0%;width: 100%;height: 100%;background-color:#818181;z-index:1001;-moz-opacity:0.8;opacity:.80;filter: alpha(opacity=80);"></div>
<include file="Common:footer" />